// 1. 导入`react-dom/client`
// import React from 'react';
import ReactDOM from 'react-dom/client';

// 创建渲染的根节点
const root = ReactDOM.createRoot(document.getElementById('root'));

// 函数组件的定义
function Hello1() {
  return <div>我是函数定义组件</div>;
}

// 函数表达式组件
const Hello2 = function () {
  return <div>我是函数表达式组件</div>;
};

// 箭头函数组件
const Hello3 = () => {
  return <div>我是箭头函数组件</div>;
};

// 渲染UI
root.render(
  <div>
    <Hello1 />
    <Hello2 />
    <Hello3 />
  </div>
);
